<style>
#article-newlist{margin-top:37px;}
#article-newlist > .left {width:251px;float:left;}
#article-newlist > .right {width:251px;float:right;}
#article-newlist > .main {background-color:#3E3470;padding:26px;margin-left:261px;margin-right:261px;min-height: 1000px;}
#article-newlist > .main .big-t{background-color:#2FBDE1;line-height: 230px;text-align:center;font-size:44px;color:#fff;}


#article-newlist > .main .funb{height:35px;line-height:26px;}
#article-newlist > .main .funb a span{color:#3C3431;}
#article-newlist > .main .funb{padding:15px;}
#article-newlist > .main .next-pre{height:40px;padding:15px;}
#article-newlist > .main .next-pre a{width:150px;line-height:32px;display:block;text-align:center;color:#3E3470;background-color:#fff;border-radius: 5px;}
#article-newlist > .main .next-pre .next{float:right;}
#article-newlist > .main .next-pre .pre{float:left;}


#article-newlist > .main .list{margin-top:56px;}
#article-newlist > .main .list ul li{margin-bottom:30px;background-color:#BCB9CE;padding:10px;}
#article-newlist > .main .list ul li:hover{background-color:#fff;}
#article-newlist > .main .list ul li img{float:left;width:94px;height:94px;}
#article-newlist > .main .list ul li .info{margin-left:119px;padding-right:40px;}
#article-newlist > .main .list ul li .info h3 {}
#article-newlist > .main .list ul li .info h3 a{width:410px;line-height:30px;font-size:16px;font-weight: bold;color:#121212;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display:block;}
#article-newlist > .main .list ul li .info p{line-height:24px;height:50px;color:#999;}
#article-newlist > .main .list ul li .nt{text-align: right;}



</style>
<script>
$(document).ready(function(){
	$('.n-calendar').change(function(){
		//alert("rankDaily.html?cid=<?=$data['cid']?>&date="+$(this).val())
		location.href = "/article/articlesDaily.html?date="+$(this).val();
	});
	
	$(".list ul li img").lazyload({
	    threshold : 200
	});
});
</script>




<div id="article-newlist" class="n-max-width n-middle">
	<div class="left">
		<?php
		$m = n_mod('article');
		$m->menu($data['cid']);
		?>
	</div>
	<div class="right">
		<?php
		$t = n_mod('weixin');
		$t->commend();
		?>
		<?php n_mod('weixin')->competeList();?>
	</div>
	<div class="main">
		<!--
		<?php
		$t = n_mod('weixin');
		$t->imgTab();

		?>
		-->
		<div class="funb">
			<div class="day a-calendar" style="width:142px; margin-left:500px;">
				<img src="/skin/img/calendar.png"style="width:19px;height:17px;" />
				<input style="width:80px!important;background-color:transparent;border:none;" type="text" name="" class="n-calendar" value="<?=$data['date']?>" />
			</div>

		</div>
		<div class="list">
			<ul>
				<?php
				$alist = $data['wxList'];
				foreach($alist as $key=>$val){
						//print_r($val);
				?>
				<li>
					<img data-original="<?=get_weixin_thumbnail($val['article_mongoid'])?>" />
					<div class="info">
						
						<H3>
							<a href="<?=$val['url']?>" target="_blank">
								<?=$val['title']?>
								</a>
						</H3>
						<p><?=n_api('article')->subtxt($val['content168'])?></p>
	
						<div class="nt">
							<?=$val['wxname']?>　
							阅读:<?=$val['read_num']?>　
							点赞:<?=$val['like_num']?>　
							日期:<span class="ptime"><?=date('Y.m.d', $val['article_ptime'])?></span>
						</div>
					</div>
				</li>
				<?php
				}
				?>
			</ul>
		</div>
		<div class="next-pre">
			<?php
			if($data['page']!=1){
				?>
				<a class="pre" href="<?=n_url('article','articlesDaily',array('cid'=>$data['cid'],'date'=>$data['date'],'page'=>$data['page']-1))?>">上一页</a>
				<?php
			}
			?>
			<a class="next" href="<?=n_url('article','articlesDaily',array('cid'=>$data['cid'],'date'=>$data['date'],'page'=>$data['page']+1))?>">下一页</a>

		</div>

	</div>
</div>